@charset "UTF-8";
* {
	margin: 0;
	padding: 0;
	list-style: none;
	box-sizing: border-box;
	font-family: "微软雅黑";
}

a {
	text-decoration: none;
}

html,
body {
	width: 100%;
	height: 100%;
	min-width: 900px;
	position: relative;
	font-size: 100px;
	overflow: hidden;
	font-family: "微软雅黑";
}

.left {
	float: left;
}

.right {
	float: right;
}

.clearbox {
	clear: both;
}
.posiR { position: relative; }
.posiA { position: absolute; }

.center-l-r, .fri-box .fri-logo {
	display: flex;
	-webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}

header {
	z-index: 99999;
	padding: 0 0.5rem;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 70px;
	font-size: 0.14rem;
	display: none;
}

header .header {
	position: relative;
	display: inline-block;
	float: left;
	margin-top: 10px;
	font-size: 0.14rem;
	color: #fff;
}

header .logo {
	float: left;
	margin-right: 30px;
	width: 0.9rem;
	height: 0.4rem;
}

header .logo img {
	display: block;
	width: 0.9rem;
	height: 0.4rem;
}

header ul {
	display: inline-block;
	width: 9.5rem;
	word-break: keep-all;
	white-space: nowrap;
	padding-top: 0.07rem;
}

header ul li {
	white-space: nowrap;
	font-size: 0.14rem;
	float: left;
	text-align: center;
	padding: 3px 0.2rem;
}

header ul li a {
	color: #fff;
	text-decoration: none;
}

header ul li .active {
	color: #17d79c;
}

header ul li:hover {
	color: #17d79c;
}

header ul li:hover a {
	color: #17d79c;
	text-decoration: underline;
}

header .username {
	position: relative;
	width: auto;
	height: auto;
	float: right;
	font-size: 0.12rem;
	padding: 0.06rem 0.2rem;
	border-radius: 40px;
	margin-top: 10px;
	color: #fff;
	background: #115c86;
	transition: all .15s linear;
}

.username:hover {
	color: transparent;
	background: #1F83BF;
}

/* Saqui */
.saqui-button {
	overflow: hidden;
	-webkit-transition: background-color 0.3s ease-in, color 0.3s ease-in;
	transition: background-color 0.3s ease-in, color 0.3s ease-in;
}
.saqui-button::after {
	content: attr(data-text);
	position: absolute;
	top: 0;
	left: 0;
	font-size: 0.12rem;
	padding: 0.06rem 0.2rem;
	color: #37474f;
	-webkit-transform-origin: -25% 50%;
	transform-origin: -25% 50%;
	-webkit-transform: rotate3d(0, 0, 1, 45deg);
	transform: rotate3d(0, 0, 1, 45deg);
	-webkit-transition: -webkit-transform 0.3s ease-in;
	transition: transform 0.3s ease-in;
}
.saqui-button::after {
	color: #fff;
}
.saqui-button:hover::after,
.saqui-button:hover {
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.saqui-button:hover::after {
	-webkit-transform: rotate3d(0, 0, 1, 0deg);
	transform: rotate3d(0, 0, 1, 0deg);
}

.price {
	position: relative;
}

.logo_change {
	position: absolute;
	top: 0.02rem;
	left: 30px;
	z-index: 9999;
}

.logo_change img {
	width: 10%;
}

.product-box {
	position: absolute;
	top: 11px;
	left: 50%;
	display: inline-block;
	width: 160px;
	height: auto;
	margin: 0 -80px;
	padding-top: 30px;
	border-radius: 5px;
	display: none;
}

.header-ul {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 100%;
	padding-left: 5px;
	background: #2e353f;
	list-style: none;
	color: white;
	border-radius: 5px;
	box-shadow: -8px 8px 50px #000000;
	box-shadow: 1px 1px 3px 1px rgba(46, 53, 63, 0.8) outset;
}

.header-ul:before {
	content: '';
	position: absolute;
	display: inline-block;
	width: 0px;
	height: 0px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #2E353F;
	top: -10px;
	left: 50%;
	margin-left: -10px;
}

.header-ul li {
	border-left: 0px solid transparent;
	padding: 5px 5px;
	line-height: 20px;
	font-size: 13px;
	cursor: pointer;
	transition: all .15s linear;
}

.header-ul li:hover {
	border-left: 13px solid transparent;
}

.price_p {
	position: absolute;
	width: 0px;
	height: 0px;
	border-left: 0.15rem solid transparent;
	border-right: 0.15rem solid transparent;
	border-bottom: 0.15rem solid #2e353f;
	top: 0.385rem;
	left: 0.6rem;
	margin-left: -0.30rem;
	display: none;
}

.swiper-container {
	width: 100%;
	height: 100%;
}

.swiper-slide {
	overflow: hidden;
	text-align: center;
	font-size: 12px;
	background: #fff;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

section {
	width: 100%;
	height: 100%;
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
	background: #17d79c;
}

.swiper-container-vertical>.swiper-pagination-bullets {
	left: 10px;
	width: 50px;
}

.swiper-pagination .swiper-pagination-clickable .swiper-pagination-bullets {
	width: 50px;
}

.wrap-slide {
	margin-top: 80px;
	max-width: 1200px;
	width: 12rem;
	min-width: 900px;
}

#slide1 {
	width: 100%;
	height: 100%;
	overflow: hidden;
	box-sizing: border-box;
	background: url("../images/index/page1_bg.jpg") no-repeat center;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	padding: 0px 50px;
	position: relative;
}

#slide2 {
	overflow: hidden;
	box-sizing: border-box;
	background: url(../images/index/page2_bg.jpg) no-repeat center;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	position: relative;
}

#slide3 {
	box-sizing: border-box;
	overflow: hidden;
	background: #33809b;
	background: url("../images/index/bg2.png") no-repeat center;
	background-size: 101% 100%;
}

.wrap-slide1-left {
	position: absolute;
	top: 1.46rem;
	left: 1.2rem;
	text-align: left;
}

.wrap-slide1-left .slide1-left-title {
	text-align: left;
	color: #fff;
}

.wrap-slide1-left .slide1-left-title .slide1-left-title1 {
	font-size: 0.47rem;
	font-weight: 600;
	margin-bottom: 0.3rem;
}

.wrap-slide1-left .slide1-left-title .slide1-left-title2 {
	font-size: 0.19rem;
}

.wrap-slide1-left .slide1-left-bot {
	margin-top: 1.2rem;
}

.wrap-slide1-left .slide1-left-bot .slide1-left-bot1 {
	font-size: 0.18rem;
	color: #00ccff;
	margin-bottom: 10px;
}

.wrap-slide1-left .slide1-left-bot .slide1-left-bot2 {
	position: relative;
	height: 5px;
	width: 4.87rem;
	padding-top: 2px;
	margin-bottom: 13px;
}

.slide1-left-bot2>b,
.slide1-left-bot2>i {
	width: 5px;
	height: 5px;
	display: block;
	background-color: #00a0e9;
	position: absolute;
}

.slide1-left-bot2>i {
	top: 0;
	left: 0;
}

.slide1-left-bot2>b {
	top: 0;
	right: 0;
}

.slide1-left-bot2>span {
	width: 100%;
	height: 1px;
	background-color: #00a0e9;
	display: block;
}

.slide1-left-bot>ul {
	overflow: hidden;
}

.slide1-left-bot>ul>li {
	min-width: auto;
    height: 0.81rem;
    margin-right: 0.2rem;
    float: left;
}

.slide1-left-bot>ul>li>a {
	position: relative;
	display: block;
	width: auto;
	padding: 0 0.3rem;
	font-size: 0.12rem;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 5px;
	white-space: nowrap;
	overflow: hidden;
}
/*.slide1-left-bot>ul>li>a::before {
	content: attr(data-text);
	display: inline-block;
	position: absolute;
	top: 0;
	left: -1px;
	width: 100%;
	height: 100%;
	padding: 0.1rem 0.3rem;
	background: #115C86;
	border-radius: 5px;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
	z-index: 100;
}*/
/*.slide1-left-bot>ul>li>a::before {
	background: #295981;
	color: #fff;
}*/
.slide1-left-bot>ul>li>a > span {
	display: inline-block;
	padding: 0.1rem 0;
	float: left;
}

.nanuk-button:hover > span:nth-child(odd) {
	-webkit-animation: anim-nanuk-1 0.5s forwards;
	animation: anim-nanuk-1 0.5s forwards;
}
.nanuk-button:hover > span:nth-child(even) {
	-webkit-animation: anim-nanuk-2 0.5s forwards;
	animation: anim-nanuk-2 0.5s forwards;
}
.nanuk-button:hover > span:nth-child(odd),
.nanuk-button:hover > span:nth-child(even) {
	-webkit-animation-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-animation-function: cubic-bezier(0.75, 0, 0.125, 1);
}
@-webkit-keyframes anim-nanuk-1 {
	0%,
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	49% {
		opacity: 1;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
	50% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
		color: inherit;
	}
	51% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
		color: #fff;
	}
	100% {
		color: #fff;
	}
}
@keyframes anim-nanuk-1 {
	0%,
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	49% {
		opacity: 1;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
	50% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
		color: inherit;
	}
	51% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
		color: #fff;
	}
	100% {
		color: #fff;
	}
}
@-webkit-keyframes anim-nanuk-2 {
	0%,
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	49% {
		opacity: 1;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
	50% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
		color: inherit;
	}
	51% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
		color: #fff;
	}
	100% {
		color: #fff;
	}
}
@keyframes anim-nanuk-2 {
	0%,
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	49% {
		opacity: 1;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
	50% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
		color: inherit;
	}
	51% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
		color: #fff;
	}
	100% {
		color: #fff;
	}
}
.nanuk-button:hover > span:nth-child(1) {
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
}
.nanuk-button:hover > span:nth-child(2) {
	-webkit-animation-delay: 0.05s;
	animation-delay: 0.05s;
}
.nanuk-button:hover > span:nth-child(3) {
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
}
.nanuk-button:hover > span:nth-child(4) {
	-webkit-animation-delay: 0.15s;
	animation-delay: 0.15s;
}
.nanuk-button:hover > span:nth-child(5) {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}
.nanuk-button:hover > span:nth-child(6) {
	-webkit-animation-delay: 0.25s;
	animation-delay: 0.25s;
}
.nanuk-button:hover > span:nth-child(7) {
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}
.nanuk-button:hover > span:nth-child(8) {
	-webkit-animation-delay: 0.35s;
	animation-delay: 0.35s;
}
.nanuk-button:hover > span:nth-child(9) {
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
}
.nanuk-button:hover > span:nth-child(10) {
	-webkit-animation-delay: 0.45s;
	animation-delay: 0.45s;
}
.nanuk-button:hover > span:nth-child(11) {
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
}
/*.slide1-left-bot>ul>li>a::before,
.slide1-left-bot>ul>li>a > span {
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.slide1-left-bot>ul>li>a:hover::before {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	border-radius: 5px;
}
.slide1-left-bot>ul>li>a:hover > span {
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
}*/

/*.slide1-left-bot>ul>li>a>span:hover {
	background: #064668;
	border-radius: 5px;
	border: transparent;
	color: #fff;
}*/

/*.slide1-left-bot>ul>li>a>span {
	display: block;
	min-width: 1.23rem;
	height: 0.46rem;
	position: absolute;
	top: 8px;
	left: 0.2rem;
	line-height: 0.46rem;
	text-align: center;
	font-size: 0.12rem;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 5px;
	white-space: nowrap;
}*/

/*.slide1-left-bot>ul>li>a:hover>span {
	color: #fff;
}*/

.slide1-left-title1 {
	margin-top: 0.5rem;
}

.wrap-slide1-right {
	width: 4rem;
	height: 4rem;
	/*margin-top: 25%;*/
	position: relative;
	right: 2.0rem;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	top: 1.7rem;
}

.wrap-slide1-right>.circular {
	width: 2.2rem;
	height: 2.2rem;
	background: url("../images/index/circular1.png") no-repeat center;
	text-align: center;
	color: #fff;
	display: block;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	position: relative;
	margin-left: 0.87rem;
	margin-top: 0.87rem;
	text-align: center;
	z-index: 100;
}

.wrap-slide1-right > .circular > i { width: 100%; height: 100%; display: block; background: url("../images/index/circular2.png") no-repeat center; position: absolute; top: 0; left: 0;
 animation: rotate360 5s linear infinite;
  -webkit-animation: rotate360 5s linear infinite;
   -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%; 
    -o-background-size: 100% 100%; background-size: 100% 100%;
     z-index: -1; 
     }

.wrap-slide1-right>.circular>p {
	font-size: 0.18rem;
	line-height: 25px;
	padding: 0.9rem 0 0;
}

.wrap-slide1-right>.circular>span {
	font-size: 0.12rem;
	z-index: 9999999;
	cursor: pointer !important;
	line-height: 0.23rem;
}

.wrap-slide1-right ul {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
}

.slide2-content {
	max-width: 1200px;
	width: 12rem;
	min-width: 900px;
	position: absolute;
	margin: 0 auto;
}

.wrap-slide1-right ul>li {
	width: 1.1rem;
	padding: 0.06rem;
	height: 1.1rem;
	max-width: 1rem;
	max-height: 1rem;
	position: absolute;
	z-index: 999;
	cursor: pointer !important;
}

.wrap-slide1-right ul>li p {
	position: absolute;
	z-index: 99;
	top: -0.05rem;
	left: -0.05rem;
	height: 1.1rem;
	width: 1.1rem;
}

.wrap-slide1-right ul>li span {
	font-size: 0.16rem;
}

.wrap-slide1-right ul>li>a {
	position: relative;
	width: 100%;
	height: 100%;
	display: block;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	background-color: #12638c;
	padding: 10px;
	z-index: 9999;
	-webkit-transition: -webkit-transform .15s linear;
	-moz-transition: -moz-transform .15s linear;
	-o-transition: -o-transform .15s linear;
	transition: transform .15s linear;
}

.wrap-slide1-right ul>li>a:after {
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	content: '';
	-webkit-box-sizing: content-box; 
	-moz-box-sizing: content-box; 
	box-sizing: content-box;
}

.wrap-slide1-right ul>li>a:before {
	font-family: 'ecoicon';
	speak: none;
	font-size: 48px;
	line-height: 90px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	display: block;
	-webkit-font-smoothing: antialiased;
}
/* Effect 8 */
.wrap-slide1-right ul>li>a{
	background: #12638C;
	-webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
	-moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
	transition: transform ease-out 0.1s, background 0.2s;
}

.wrap-slide1-right ul>li>a:after {
	top: 0;
	left: 0;
	padding: 0;
	z-index: -1;
	box-shadow: 0 0 0 2px rgba(255,255,255,0.1);
	opacity: 0;
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
}

.wrap-slide1-right ul>li>a:hover {
	background: #12638C;
	-webkit-transform: scale(0.93);
	-moz-transform: scale(0.93);
	-ms-transform: scale(0.93);
	transform: scale(0.93);
	color: #fff;
}

.wrap-slide1-right ul>li>a:hover:after {
	-webkit-animation: sonarEffect 1s ease-out 75ms;
	-moz-animation: sonarEffect 1s ease-out 75ms;
	animation: sonarEffect 1s ease-out 75ms;
}

@-webkit-keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	60% {
		opacity: 0.5;
		box-shadow: 0 0 1px 3px rgba(18,99,140,.2), 0 0 2px 7px rgba(0,0,0,0), 0 0 10px 12px rgba(18,99,140,.3);
	}
	100% {
		box-shadow: 0 0 1px 3px rgba(18,99,140,.2), 0 0 2px 7px rgba(0,0,0,0), 0 0 10px 12px rgba(18,99,140,.3);
		transform: scale(1.5);
		opacity: 0;
	}
}
@-moz-keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	60% {
		opacity: 0.5;
		box-shadow: 0 0 1px 3px rgba(18,99,140,.2), 0 0 2px 7px rgba(0,0,0,0), 0 0 10px 12px rgba(18,99,140,.3);
	}
	100% {
		box-shadow: 0 0 1px 3px rgba(18,99,140,.2), 0 0 2px 7px rgba(0,0,0,0), 0 0 10px 12px rgba(18,99,140,.3);
		transform: scale(1.5);
		opacity: 0;
	}
}
@keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	60% {
		opacity: 0.5;
		box-shadow: 0 0 1px 3px rgba(18,99,140,.2), 0 0 2px 7px rgba(0,0,0,0), 0 0 10px 12px rgba(18,99,140,.3);
	}
	100% {
		box-shadow: 0 0 1px 3px rgba(18,99,140,.2), 0 0 2px 7px rgba(0,0,0,0), 0 0 10px 12px rgba(18,99,140,.3);
		transform: scale(1.5);
		opacity: 0;
	}
}



.wrap-slide1-right ul>li:hover {
	width: 1.2rem;
	height: 1.2rem;
	border-radius: 50%;
}

/*.wrap-slide1-right ul>li:hover p {
	border-radius: 50%;
	border: 1px dashed #3976f1;
	animation: rotate360 0.01s linear infinite;
	-webkit-animation: rotate360 0.01s linear infinite;
}*/

.wrap-slide1-right ul>li:hover a {
	padding-top: 0.25rem;
}

.wrap-slide1-right ul>li:hover a span {
	line-height: 0.25rem;
	font-size: 0.12rem;
}

.wrap-slide1-right:hover {
	animation-play-state: paused;
}

.Cosmo_span {
	display: inline-block;
	width: 0.5rem;
	text-align: center;
}

@-webkit-keyframes rotate360 {
	form {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(0deg);
	}
}

@keyframes rotate360 {
	form {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

@-moz-keyframes rotate360 {
	form {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(0deg);
	}
}

@-o-keyframes rotate360 {
	form {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(0deg);
	}
}

@keyframes circle360 {
	form {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(0deg);
	}
}

@-webkit-keyframes circle360 {
	form {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(0deg);
	}
}

.wrap-slide1-right ul>li:nth-of-type(8)>a:hover,
.wrap-slide1-right ul>li:nth-of-type(4)>a:hover {
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3ecff4), to(#3796f1));
	background: -moz-linear-gradient(top, #3ecff4, #3796f1);
	background: -o-linear-gradient(top, #3ecff4, #3796f1);
	background: -ms-linear-gradient(top, #3ecff4, #3796f1);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3ecff4', endColorstr='#3796f1');
	*background: #DDD;
	background: linear-gradient(top, #3ecff4, #3796f1);
}

.wrap-slide1-right ul>li:nth-of-type(1)>a:hover,
.wrap-slide1-right ul>li:nth-of-type(5)>a:hover {
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5f5deb), to(#8e35df));
	background: -moz-linear-gradient(top, #5f5deb, #8e35df);
	background: -o-linear-gradient(top, #5f5deb, #8e35df);
	background: -ms-linear-gradient(top, #5f5deb, #8e35df);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5f5deb', endColorstr='#8e35df');
	*background: #D11;
	background: linear-gradient(top, #5f5deb, #8e35df);
}

.wrap-slide1-right ul>li:nth-of-type(2)>a:hover,
.wrap-slide1-right ul>li:nth-of-type(6)>a:hover {
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#45e5e9), to(#1a73c1));
	background: -moz-linear-gradient(top, #45e5e9, #1a73c1);
	background: -o-linear-gradient(top, #45e5e9, #1a73c1);
	background: -ms-linear-gradient(top, #45e5e9, #1a73c1);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45e5e9', endColorstr='#1a73c1');
	*background: #D11;
	background: linear-gradient(top, #45e5e9, #1a73c1);
}

.wrap-slide1-right ul>li:nth-of-type(3)>a:hover,
.wrap-slide1-right ul>li:nth-of-type(7)>a:hover {
	/*Mozilla*/
	/*Old gradient for webkit*/
	/*new gradient for Webkit*/
	line-height: 0.25rem;
	background: -webkit-gradient(linear, top, from(#59baff), to(#4b49dd));
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#59baff), to(#4b49dd));
	background: -moz-linear-gradient(top, #59baff, #4b49dd);
	background: -o-linear-gradient(top, #59baff, #4b49dd);
	background: -ms-linear-gradient(top, #59baff, #4b49dd);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#59baff', endColorstr='#4b49dd');
	*background: #D11;
	background: linear-gradient(top, #59baff, #4b49dd);
}

.wrap-slide1-right ul>li>a>span {
	width: 100%;
	height: 100%;
	display: block;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	line-height: 0.75rem;
	text-align: center;
	color: #fff;
	font-size: 0.16rem;
}

.wrap-slide1-right ul>li:hover a {
	padding-top: 0.25rem;
}

.wrap-slide1-right ul>li:hover a span {
	line-height: 0.25rem;
	font-size: 0.12rem;
	cursor: pointer;
}

.wrap-slide1-right ul>li.active1>a {
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3ecff4), to(#3796f1));
	background: -moz-linear-gradient(top, #3ecff4, #3796f1);
	background: -o-linear-gradient(top, #3ecff4, #3796f1);
	background: -ms-linear-gradient(top, #3ecff4, #3796f1);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3ecff4', endColorstr='#3796f1');
	*background: #DDD;
	background: linear-gradient(top, #3ecff4, #3796f1);
}

.wrap-slide1-right ul>li.active12>a {
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5f5deb), to(#8e35df));
	background: -moz-linear-gradient(top, #5f5deb, #8e35df);
	background: -o-linear-gradient(top, #5f5deb, #8e35df);
	background: -ms-linear-gradient(top, #5f5deb, #8e35df);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5f5deb', endColorstr='#8e35df');
	*background: #D11;
	background: linear-gradient(top, #5f5deb, #8e35df);
}

.wrap-slide1-right ul>li.active13>a {
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#45e5e9), to(#1a73c1));
	background: -moz-linear-gradient(top, #45e5e9, #1a73c1);
	background: -o-linear-gradient(top, #45e5e9, #1a73c1);
	background: -ms-linear-gradient(top, #45e5e9, #1a73c1);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45e5e9', endColorstr='#1a73c1');
	*background: #D11;
	background: linear-gradient(top, #45e5e9, #1a73c1);
}

.wrap-slide1-right ul>li.active14>a {
	background: -webkit-gradient(linear, top, from(#59baff), to(#4b49dd));
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#59baff), to(#4b49dd));
	background: -moz-linear-gradient(top, #59baff, #4b49dd);
	background: -o-linear-gradient(top, #59baff, #4b49dd);
	background: -ms-linear-gradient(top, #59baff, #4b49dd);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#59baff', endColorstr='#4b49dd');
	*background: #D11;
	background: linear-gradient(top, #59baff, #4b49dd);
}

.wrap-body {
    position: absolute;
    top: 70px;
    left: 10%;
	width: 80%;
    height: auto;
}

.wrap-body3 {
	max-width: 1200px;
	width: 1200px;
	min-width: 900px;
	position: absolute;
	left: 1.2rem;
	top: 3rem;
}

.slide2-title {
	color: #fff;
    text-align: left;
}

.slide2-title b {
	display: inline-block;
	font-size: 0.45rem;
}

.slide2-title p {
	margin-top: 0.17rem;
	font-size: 0.18rem;
}

.slide2-div {
	position: relative;
	width: 2rem;
	display: none;
}

.slide2-div .slide2-span-line {
	display: inline-block;
	position: absolute;
	width: 1px;
	height: 1.2rem;
	top: 1.35rem;
	background: #00ABFF;
	display: none;
}

.slide2-div .slide2-span-cricle {
	display: inline-block;
	position: absolute;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	left: 50%;
	top: 2.55rem;
	margin-left: -5px;
	background: #00ABFF;
	display: none;
}

.slide2-div .circleProgress_wrapper {
	width: 1.6rem;
	height: 1.6rem;
	margin: 50px auto;
	position: relative;
	font-size: 0.14rem;
	/*border:1px solid #ddd;   */
}

.slide2-div .wrapper_content {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1rem;
	height: 1rem;
	cursor: pointer;
	margin: -0.5rem 0 0 -0.5rem;
	text-align: center;
	line-height: 1rem;
	border-radius: 50%;
	z-index: 10;
	font-size-adjust: 0.14rem;
	display: none;
}

.slide2-div .circle_child {
	position: absolute;
	top: 0;
	width: 1.58rem;
	height: 1.6rem;
	z-index: 9;
	transition: all 0.3s cubic-bezier(0.4, 1.04, 0.65, 0.99);
	z-index: 999;
}

.slide2-div .child_word {
	display: inline-block;
	position: absolute;
	bottom: -7.5px;
	left: 50%;
	font-size: 12px;
	line-height: 15px;
	margin-left: -7.5px;
	text-align: center;
	cursor: pointer;
	z-index: 999;
}

.slide2-div .child-circle {
	display: inline-block;
	position: absolute;
	bottom: 6.5px;
	left: 50%;
	width: 4px;
	height: 4px;
	font-size: 12px;
	line-height: 15px;
	margin-left: -1.5px;
	background: #00ABFF;
	cursor: pointer;
	border-radius: 50%;
}

.slide2-div .child_word_span {
	display: inline-block;
	position: absolute;
	bottom: -7.5px;
	left: 50%;
	width: 0.68rem;
	font-size: 12px;
	line-height: 15px;
	margin-left: -7.5px;
	text-align: center;
	color: #fff;
	cursor: pointer;
	top: 10px;
	left: -20px;
	font-size: 0.08rem;
	transition: all 0.3s;
}

.slide2-div .wrapper {
	width: 0.77rem;
	height: 1.7rem;
	position: absolute;
	top: 0;
	overflow: hidden;
}

.slide2-div .right {
	right: 0;
}

.slide2-div .left {
	left: 0;
}

.slide2-div .circleProgress {
	width: 1.59rem;
	height: 1.59rem;
	border: 1px solid transparent;
	border-radius: 50%;
	position: absolute;
	top: 0;
}

.slide2-div .rightcircle {
	border-top: 1px solid #00ABFF;
	border-right: 1px solid #00ABFF;
	right: 0;
	transition: all 0.3s cubic-bezier(0.4, 1.04, 0.65, 0.99);
	-webkit-transform: rotate(225deg);
}

.slide2-div .leftcircle {
	border-bottom: 1px solid #00ABFF;
	border-left: 1px solid #00ABFF;
	left: 0;
	transition: all 0.3s cubic-bezier(0.4, 1.04, 0.65, 0.99);
	-webkit-transform: rotate(225deg);
}

.slide2-div .child_span {
	position: absolute;
	font-size: 0.1rem !important;
	top: 10px;
	left: -20px;
}

.slide2-div .child_span1 {
	transform: rotate(18deg);
	top: 6px;
	left: -20px;
}

.slide2-div .child-circle0 {
	background: transparent;
}

.slide2-div .child_span2 {
	top: 5px;
	left: -20px;
	transform: rotate(36deg);
}

.slide2-div .child_span3 {
	top: 14px;
	left: -11px;
	transform: rotate(54deg);
}

.slide2-div .child_span4 {
	top: 14px;
	left: -11px;
	transform: rotate(72deg);
}

.slide2-div .child_span5 {
	top: 24px;
	left: -21px;
	transform: rotate(90deg);
}

.slide2-div .child_span6 {
	top: 28px;
	left: -25px;
	transform: rotate(108deg);
}

.slide2-div .child_span7 {
	top: 33px;
	left: -29px;
	transform: rotate(126deg);
}

.slide2-div .child_span8 {
	margin-top: 0.25rem;
	top: -1px;
	left: -42px;
	transform: rotate(144deg);
}

.slide2-div .child_span9 {
	top: 16px;
	left: -35px;
	transform: rotate(162deg);
}

.slide2-div .child_span20 {
	top: 22px;
	left: -34px;
	transform: rotate(-181deg);
}

.slide2-div .child_span21 {
	top: 18px;
	left: -41px;
	transform: rotate(-197deg);
}

.slide2-div .child_span22 {
	top: 21px;
	left: -40px;
	transform: rotate(-218deg);
}

.slide2-div .child_span23 {
	top: 25px;
	left: -35px;
	transform: rotate(123deg);
}

.slide2-div .child_span24 {
	top: 24px;
	left: -25px;
	transform: rotate(105deg);
}

.slide2-div .child_span25 {
	top: 26px;
	left: -15px;
	transform: rotate(88deg);
}

.slide2-div .child_span26 {
	top: 22px;
	left: -8px;
	transform: rotate(70deg);
}

.slide2-div .child_span27 {
	top: 13px;
	left: -3px;
	transform: rotate(52deg);
}

.slide2-div .child_span28 {
	top: 6px;
	left: -1px;
	transform: rotate(35deg);
}

.slide2-div .child_span29 {
	top: 1px;
	left: -12px;
	transform: rotate(19deg);
}

.slide2-div1 {
	top: -0.1rem;
	left: 3.35rem;
}

.slide2-div1 .wrapper_content {
	background: #15c8e8;
}

.slide2-div1 .slide2-span1 {
	height: 1.25rem;
	top: 1.6rem;
}

.slide2-div1 .slide2-cricle1 {
	width: 0.2rem;
	height: 0.2rem;
	left: 0.76rem;
	top: 2.78rem;
}

.slide2-div2 {
	top: 2.835rem;
	left: 1.2rem;
}

.slide2-div2 .wrapper_content {
	background: #1693d5;
}

.slide2-div2 .slide2-span2 {
	top: -0.15rem;
}

.slide2-div2 .slide2-cricle2 {
	width: 0.1rem;
	height: 0.1rem;
	top: -0.18rem;
	left: 0.82rem;
}

.slide2-div3 {
	top: 2.31rem;
	left: 1.6rem;
}

.slide2-div3 .wrapper_content {
	background: #D22342;
}

.slide2-div3 .slide2-span3 {
	top: -0.25rem;
}

.slide2-div3 .slide2-cricle3 {
	width: 0.35rem;
	height: 0.35rem;
	top: -0.45rem;
	left: 0.7rem;
}

.slide2-div4 {
	top: -0.9rem;
	left: 0.6rem;
}

.slide2-div4 .wrapper_content {
	background: #8cd717;
}

.slide2-div4 .slide2-span4 {
	top: 1.65rem;
}

.slide2-div4 .slide2-cricle4 {
	width: 0.18rem;
	height: 0.18rem;
	left: 0.783rem;
	top: 2.68rem;
}

.slide2-div5 {
	top: 2.6rem;
	left: 0.3rem;
}

.slide2-div5 .wrapper_content {
	background: #15c8e8;
}

.slide2-div5 .slide2-span5 {
	top: -0.35rem;
}

.slide2-div5 .slide2-cricle5 {
	width: 0.15rem;
	height: 0.15rem;
	left: 0.8rem;
	top: -0.4rem;
}

.slide2-div6 {
	top: 0rem;
	left: -0.75rem;
}

.slide2-div6 .wrapper_content {
	background: #15c8e8;
}

.slide2-div6 .slide2-span6 {
	top: 1.45rem;
}

.slide2-div6 .slide2-cricle6 {
	width: 0.1rem;
	height: 0.1rem;
	left: 0.8rem;
	top: 2.64rem;
}

.slide2-div7 {
	top: 2.41rem;
	left: -0.65rem;
}

.slide2-div7 .wrapper_content {
	background: #17d79c;
}

.slide2-div7 .slide2-span7 {
	top: -0.2rem;
}

.slide2-div7 .slide2-cricle7 {
	width: 0.15rem;
	height: 0.15rem;
	left: 0.8rem;
	top: -0.23rem;
}

.slide2-div8 {
	top: -1.25rem;
	left: -1.7rem;
}

.slide2-div8 .wrapper_content {
	background: #1693d5;
}

.slide2-div8 .slide2-span8 {
	top: 1.65rem;
}

.slide2-div8 .slide2-cricle8 {
	width: 0.3rem;
	height: 0.3rem;
	left: 0.7rem;
	top: 2.6rem;
}

.slide2-div9 {
	top: 1.8rem;
	left: -1.3rem;
}

.slide2-div9 .wrapper_content {
	background: #b61085;
}

.slide2-div9 .slide2-span9 {
	top: -0.35rem;
}

.slide2-div9 .slide2-cricle9 {
	width: 0.34rem;
	height: 0.34rem;
	left: 0.7rem;
	top: -0.59rem;
}

.slide2-div10 {
	top: -1.6rem;
	left: -3.17rem;
}

.slide2-div10 .wrapper_content {
	background: #17d79c;
}

.slide2-div10 .slide2-span10 {
	top: 1.65rem;
}

.slide2-div10 .slide2-cricle10 {
	width: 0.18rem;
	height: 0.18rem;
	left: 0.77rem;
	top: 2.7rem;
}

.slide2-div11 {
	top: -0.55rem;
	left: -2.8rem;
}

.slide2-div11 .wrapper_content {
	background: #1457ca;
}

.slide2-div11 .slide2-span11 {
	top: 1.65rem;
}

.slide2-div11 .slide2-cricle11 {
	width: 0.18rem;
	height: 0.18rem;
	left: 0.783rem;
	top: 2.68rem;
}

.slide2-bottom {
	color: #00abff;
	background: rgba(255, 255, 255, 0.1);
	position: absolute;
	bottom: 0.5rem;
	left: 50%;
	margin-left: -70px;
	width: 140px;
	padding: 8px;
	border: 1px solid #00abff;
}

.slide3-title {
	color: #fff;
	position: absolute;
	top: -2.05rem;
	text-align: left;
}

.slide3-title b {
	display: inline-block;
	font-size: 0.45rem;
}

.slide3-title p {
	margin-top: 0.25rem;
	font-size: 0.18rem;
}

.slide3-content {
	position: relative;
	padding-top: 20px;
	z-index: 999;
	width: 8rem;
	height: 2rem;
	left: 3rem;
}

.slide3-content .slide3-left {
	position: absolute;
	padding: 0.2rem;
	width: 4.4rem;
	height: 1.0rem;
	left: -1rem;
	top: 0.5rem;
	background: rgba(0, 0, 0, 0.3);
	text-align: left;
	transition: all .25s linear;
}

.slide3-content .slide3-right {
	position: absolute;
	padding: 0.3rem;
	width: 4.4rem;
	height: 1.0rem;
	right: -0.6rem;
	top: 0.5rem;
	background: rgba(0, 0, 0, 0.3);
	text-align: right;
	transition: all .25s linear;
}

.slide3-menu {
	cursor: default;
}

.slide3-content .slide3-menu span {
	text-shadow: 2px 3px 5px #333;
	transition: all 0.3s linear;
}

.slide3-menu:hover {
	border-radius: 20px;
	border: 1px solid #00AAFE;
	-webkit-box-shadow: 2px 2px 5px rgba(255,255,255,.3);
	-moz-box-shadow: 2px 2px 5px rgba(255,255,255,.3);
	-ms-box-shadow: 2px 2px 5px rgba(255,255,255,.3);
	-0-box-shadow: 2px 2px 5px rgba(255,255,255,.3);
	box-shadow: 2px 2px 5px rgba(255,255,255,.3);
}
.slide3-left:hover{
	-webkit-box-shadow: -2px -2px 5px rgba(255,255,255,.3);
	-moz-box-shadow: -2px -2px 5px rgba(255,255,255,.3);
	-ms-box-shadow: -2px -2px 5px rgba(255,255,255,.3);
	-0-box-shadow: -2px -2px 5px rgba(255,255,255,.3);
	box-shadow: -2px -2px 5px rgba(255,255,255,.3);
}
.slide3-left:hover span {
	margin-left: 20px;
}

.slide3-right:hover span {
	margin-right: 20px;
}

.slide3-content .slide3-top {
	width: 4rem;
	height: 1rem;
	border: 1px solid #00ABFF;
	border-bottom: none;
	border-left: none;
	position: absolute;
	top: -0.5rem;
	left: 1.7rem;
}

.slide3-content .slide3-top p {
	width: 1px;
	height: 0.5rem;
	background: #00ABFF;
	position: absolute;
	top: 0rem;
	left: 0rem;
}

.slide3-content .slide3-top p i {
	display: inline-block;
	width: 0.14rem;
	height: 0.14rem;
	background: #00ABFF;
	position: absolute;
	top: 0.5rem;
	left: -0.07rem;
}

.slide3-content .slide3-bottom {
	width: 4rem;
	height: 1rem;
	border: 1px solid #00ABFF;
	border-top: none;
	border-right: none;
	position: absolute;
	top: 1.5rem;
	left: 1.7rem;
}

.slide3-content .slide3-bottom p {
	width: 1px;
	height: 0.5rem;
	background: #00ABFF;
	position: absolute;
	top: 0.5rem;
	left: 4rem;
}

.slide3-content .slide3-bottom p i {
	display: inline-block;
	width: 0.14rem;
	height: 0.14rem;
	background: #00ABFF;
	position: absolute;
	top: 0rem;
	left: -0.07rem;
}

.slide3-content .slide3-bottom .activeB {
	border: 1px solid #00ABFF;
	border-right: 1px solid #00ABFF;
	border-left: none;
}

.slide3-content .slide3-bottom .activeB p {
	width: 1px;
	height: 0.5rem;
	background: #00ABFF;
	position: absolute;
	top: 0.5rem;
	left: 0rem;
}

.slide3-content .slide3-bottom .activeB p i {
	display: inline-block;
	width: 14px;
	height: 14px;
	background: #00ABFF;
	position: absolute;
	top: 0rem;
	left: -0.07rem;
}

.slide3-content p {
	font-size: 0.2rem;
	color: #00caff;
	padding-bottom: 0.1rem;
}

.slide3-content span {
	font-size: 0.16rem;
	color: #fff;
}

.slide3-foot {
	position: absolute;
	bottom: -2rem;
}

.slide3-foot .slide3-foot-div {
	width: 150px;
	height: 45px;
	line-height: 45px;
	border-radius: 5px;
	border: 1px solid #fff;
}

.slide3-foot .slide3-foot-div a {
	color: #fff;
	text-decoration: none;
}

/*.slide3-foot .slide3-foot-div:hover {
	border-color: transparent;
	background: rgba(0, 0, 0, 0.3);
}*/

#slide4 {
	padding: 70px 10% 0;
	box-sizing: border-box;
	overflow: hidden;
	background: #e2e7eb;
	position: relative;
    -webkit-justify-content: left;
    justify-content: left;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

#slide4 .slide4-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 50%;
	background: #122b41;
}

#swiper1 > .swiper-wrapper {
   /*transition-timing-function:  cubic-bezier(.37,-0.22,.37,1.32);*/
   transition-timing-function: cubic-bezier(1,-0.15,.43,1.22);
}

.swiper-slide {
	/*transform: translateX(-200px); opacity: 0;*/
	transition: all .2s;
}

.ani-slide {
	/*transform: translateX(0);*/
	opacity: 1;
}

.swiper-slide header {
	/*transform: translateY(0px); opacity: 0;*/
	transition: all .2s;
}

.ani-slide header {
	/*transform: translateY(0);*/
	opacity: 1;
}

.swiper-slide .love,
.swiper-slide .wrap-slide1-left,
.swiper-slide .slide2-title,
.swiper-slide .slide3-title,
.swiper-slide .slide4-title,
.swiper-slide .slide5-title {
	/*transform: translateX(-200px);opacity: 0;*/
	transition: all 2s;
}

.ani-slide .love,
.ani-slide .wrap-slide1-left,
.ani-slide .slide2-title,
.ani-slide .slide3-title,
.ani-slide .slide4-title {
	/*transform: translateX(0);*/
	opacity: 1;
}

.swiper-slide .wrap-slide1-right,
.swiper-slide #polling,
.swiper-slide .slide3-content {
	/*transform: translateX(15%); opacity: 0; transition: all 2s;*/
}

.ani-slide .wrap-slide1-right,
.ani-slide #polling,
.ani-slide .slide3-content {
	/*transform: translateX(0);*/
	opacity: 1;
}

.swiper-pagination-bullet {
	width: 10px;
	height: 10px;
}

.slide3-foot .slide3-foot-div {
	width: auto;
	height: auto;
	line-height: normal;
	border-radius: 5px;
	border: 1px solid #fff;
}

.slide3-foot .slide3-foot-div a {
	display: inline-block;
	width: 100%;
	height: 100%;
	padding: 0 0.3rem;
	overflow: hidden;
}

.slide3-foot-div a span {
	display: inline-block;
	font-size: 0.12rem;
	padding: 0.12rem 0;
}

#slide4 .slide4-foot .leftP a {
	text-decoration: none;
	color: #12638c;
	font-size: 0.12rem;
}
/* 第四屏 */
.slide4-content {
	position: relative;
	width: 100%;
	height: 100%;
	padding: 1rem 0 1rem;
	z-index: 1;
}

.slide4-title, .slide5-title {
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
	text-align: left;
}

.slide4-title b, .slide5-title b {
	display: inline-block;
	font-size: 0.4rem;
}

.slide4-title p, .slide5-title p {
	padding: 0.15rem 0;
	font-size: 0.18rem;
}

.slide4-foot {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1rem;
}

#slide4 .slide4-foot .leftP {
	float: left;
	border-radius: 4px;
	border: 1px solid #12638c;
	margin: 0 0.07rem;
	cursor: pointer;
	overflow: hidden;
}

#slide4 .slide4-foot .leftP a {
	display: inline-block;
    font-size: 0.14rem;
    padding: 0 0.3rem;
	color: #12638c;
}
.slide4-foot .leftP a span {
	display: inline-block;
	padding: 0.08rem 0;
	float: left;
}

#slide4 .slide4-foot .activeP {
	background: #12638c;
	border: 1px solid #12638c;
	transition: all 0.2s linear;
}

#slide4 .slide4-foot .activeP a {
	color: #fff !important;
}

.slide4-main {
	position: relative;
	width: 100%;
	height: 100%;
	padding-bottom: 70px;
}

.slide4-control {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 70px;
	color: #7E9AA6;
	background: #E2E7EB;
}

.slide4-control p {
	position: relative;
    display: inline-block;
	width: auto;
}

.slide4-control p span {
	font-size: 0.14rem;
	margin: 0 0.1rem;
	cursor: pointer;
}

.s4-con-act {
	color: #12648C;
}

.slide4-control p .s4-line {
	position: absolute;
	bottom: 0;
	left: 0;
	display: inline-block;
	width: 50%;
	height: 2px;
	padding: 0 0.2rem;
	transition: all 0.2s cubic-bezier(.01,.7,.16,.99);
}
.slide4-control p .s4-line i {
	display: inline-block;
	width: 100%;
	height: 100%;
	background: #12648C;
}

.slide4-menu {
	width: 100%;
	height: 100%;
}

#s4-swiper .swiper-slide {
	background: rgba(0,0,0,0);
}

.menu-lf-1 {
	position: relative;
	display: flex;
	-webkit-align-items: center;
    align-items: center;
	width: 3.5rem;
	height: 50%;
	border: 1px solid #0C5F88;
	border-radius: 10px;
}

.cloud1, .cloud2 {
	position: absolute;
	top: 50%;
	display: table;
	width: 1.8rem;
	height: 1rem;
	text-align: center;
	background: url(../images/index/cloud.png);
	background-size: 1.8rem 1rem;
	z-index: 100;
}
.cloud1 p, .cloud2 p {
	display: table-cell;
	vertical-align: middle;
}
.cloud1 .wz1, .cloud2 .wz1 {
	font-size: 0.2rem;
	color: #3B6E8F;
	margin-bottom: 0.1rem;
}
.cloud1 .wz2, .cloud2 .wz2 {
	font-size: 0.11rem;
}
.cloud1 {
	left: -0.8rem;
}
.cloud2 {
	right: -0.8rem;
}

.menu-lf-2 {
	position: relative;
	width: 100%;
	height: 35%;
}

.menu-lf-2, .menu-lf-3, .menu-lf-4, .menu-lf-5-1, .menu-lf-6-1, .menu-lf-6-2 {
	border-top: 1px solid #0C5F88;
	border-bottom: 1px solid #0C5F88;
}

.lf-2-cir1, .lf-2-cir2, .lf-2-cir3 {
	width: 0.2rem;
	height: 0.2rem;
	background: #0E70B2;
	border-radius: 50%;
	left: 50%;
	margin-left: -0.1rem;
}
.lf-2-cir1 {
	top: 0;
	margin-top: -0.1rem;
}
.lf-2-cir2 {
	top: 50%;
	margin-top: -0.1rem;
}
.lf-2-cir3 {
	top: 100%;
	margin-top: -0.1rem;
	background: #E2E7EB;
	border: 0.05rem solid #0E70B2;
}

.menu-lf-1-1, .menu-lf-1-2 {
	position: absolute;
	left: 50%;
	width: 0.9rem;
	height: 30%;
	color: #328BBD;
	font-size: 0.16rem;
	border: 1px solid #0C5F88;
	border-radius: 10px;
}
.menu-lf-1-1 {
	top: 0;
	background: #122A40;
	margin: 0 -0.5rem;
}

.menu-lf-1-1, .menu-lf-3, .menu-lf-4, .menu-rh-2, .menu-rh-item1, .menu-rh-item2, .menu-rh-item3, .menu-rh-sq1, .menu-rh-sq2, .menu-rh-sq3, .cloud1, .cloud2 {
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.menu-lf-1-2 {
	bottom: 0;
	color: #fff;
	background: #12648C;
	margin: 0 -0.5rem;
	-webkit-transform: translateY(50%);
	transform: translateY(50%);
}

.menu-lf-3, .menu-lf-4 {
	width: 1.2rem;
	height: 25%;
	top: 50%;
}

.menu-lf-3 {
	left: -1.2rem;
}
.menu-lf-4 {
	right: -1.2rem;
}

.menu-lf-5, .menu-lf-6  {
	width: 1rem;
	height: 100%;
	border: 1px solid #0C5F88;
}
.menu-lf-5 {
	top: 0;
	left: -2.2rem;
	border-left: none;
	border-radius: 0 10px 10px 0;
}
.menu-lf-6 {
	height: 150%;
	top: -25%;
	right: -2.2rem;
	border-right: none;
	border-radius: 10px 0 0 10px;
}

.menu-lf-5-1 {
	top: 33.33%;
	width: 100%;
	height: 33.33%;
}

.menu-lf-6-1 {
	top: 20%;
	width: 100%;
	height: 60%;
}
.menu-lf-6-2 {
	top: 40%;
	width: 100%;
	height: 20%;
}

.menu-lf-item, .menu-lf2-item {
	position: absolute;
    display: inline-block;
    width: auto;
    min-width: 1.3rem;
    height: 0.35rem;
    line-height: 0.35rem;
    text-align: center;
    color: #fff;
    font-size: 0.12rem;
    border: 1px solid #2B7498;
    border-radius: 4px;
    cursor: default;
    transition: all 0.2s linear;
}

.menu-lf-item {
	left: 0;
    margin: -0.175rem 0 0 -1.3rem;
}
.menu-lf2-item {
	right: 0;
    margin: -0.175rem -1.3rem 0 0;
}
.menu-lf-item:hover, .menu-lf2-item:hover {
	color: #122A40;
	background: #DFE4E8;
}
.lf-item-1 { top: 0; }
.lf-item-2 { top: 33.33%; }
.lf-item-3 { top: 66.66%; }
.lf-item-4 { top: 100%; }
.lf-item-5 { top: 0; }
.lf-item-6 { top: 20%; }
.lf-item-7 { top: 40%; }
.lf-item-8 { top: 60%; }
.lf-item-9 { top: 80%; }
.lf-item-10 { top: 100%; }
.lf-item-3, .lf-item-4, .lf-item-8, .lf-item-9, .lf-item-10 { color: #333; }
.lf-item-3:hover, .lf-item-4:hover, .lf-item-8:hover, .lf-item-9:hover, .lf-item-10:hover {
	color: #DFE4E8;
	background: #122A40;
}

.menu-rh-1 {
	width: 6.5rem;
	height: 60%;
	border: 1px solid #00ABFF;
	border-radius: 4px;
    margin-left: -0.5rem;
}
.menu-rh-2 {
	border-top: 1px solid #00ABFF;
	border-bottom: 1px solid #00ABFF;
}
.menu-rh-2 {
	position: absolute;
	top: 50%;
	width: 8rem;
	height: 18%;
	margin-left: -1.5rem;
}
.menu-rh-3, .menu-rh-4 {
	right: -1.5rem;
	width: 1.5rem;
	height: 47%;
	border: 1px solid #00ABFF;
	border-left: none;
	border-radius: 4px;
}
.menu-rh-3 {
	top: 0;
}
.menu-rh-4 {
	bottom: 0;
}
.menu-rh-item1, .menu-rh-item2, .menu-rh-item3 {
	position: absolute;
	left: 50%;
	width: 4.5rem;
	height: 30%;
	margin-left: -2.25rem;
	background: #5FC8EC;
}
.menu-rh-item1 {
	top: 0;
	border: 1px solid #25B6E6;
}
.menu-rh-item2 {
	top: 50%;
	background: #6983B2;
	border: 1px solid #325595;
}
.menu-rh-item3 {
	top: 100%;
	background: #79D2CA;
	border: 1px solid #49C5B6;
}
.unit1 {
	width: 30%;
	height: 100%;
	color: #fff;
	font-size: 0.17rem;
	font-weight: 650;
	border-right: 1px dotted #fff;
}
.unit2 {
	width: 23.33%;
	height: 100%;
	font-size: 0.12rem;
}
.unit2 span {
	width: 60%;
	height: 60%;
	background: #87DBF6;
	border: 1px solid #0F8CB5;
}
.menu-rh-item2 .unit2 span {
	background: #7997CE;
	border: 1px solid #25457E;
}
.menu-rh-item3 .unit2 span {
	background: #7DE3D8;
	border: 1px solid #24A696;
}
.menu-rh-cir {
	position: absolute;
	right: -0.5rem;
	width: 1rem;
	height: 1rem;
	text-align: center;
	line-height: 1rem;
	margin-top: -0.5rem;
	border-radius: 50%;
	font-size: 0.14rem;
	color: #fff;
	background: #25B6E6;
}
.mu-rh-c1 {
	top: 50%;
	left: -0.5rem;
	right: 0;
}
.mu-rh-c2 {
	top: 0%;
}
.mu-rh-c3 {
	top: 50%;
}
.mu-rh-c4 {
	top: 100%;
}
.menu-rh-sq1, .menu-rh-sq2, .menu-rh-sq3 {
	position: absolute;
	top: 50%;
	display: table;
	width: 0.64rem;
	height: auto;
	font-size: 0.13rem;
	padding: 0.3rem 0.15rem;
	border-radius: 4px;
	color: #fff;
	background: #24A696;
}
.menu-rh-sq1 {
	left: -1.5rem;
}
.menu-rh-sq2, .menu-rh-sq3 {
	right: -0.32rem;
	padding: 0.15rem;
}

/* 第五屏 */
#slide5 {
	padding: 70px 10% 1.8rem;
	position: relative;
	background: url(../images/index/page5_bg.jpg) no-repeat center;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	overflow: hidden;
}

.slide5_content {
	position: relative;
	text-align: left;
	width: 100%;
	height: 100%;
	padding: 1rem 0 13px;
}
.s5-friend {
	display: inline-block;
	width: 100%;
	height: auto;
	max-height: 100%;
	padding: 0.2rem;
	background: rgba(255,255,255,.3);
	overflow: hidden;
}
.frends-list, .frends-box a .fri-container{
	display: inline-block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.frends-box {
	display: inline-block; width: 100%;height: auto;
}
.frends-box a {
	display: inline-block;
	cursor: default;
	width: 1.36rem;
    height: 0.41rem;
    float: left;
    margin: 0.07rem 0.09rem;
}
.frends-box .fri-box {
    display: inline-block;
	width: 100%;
	height: 200%;
	background: #fff;
	transition: all .5s cubic-bezier(.3,.62,.35,.72);
}
.frends-box .fri-box .fri-logo {
	width: 100%;
	height: 50%;
	font-size: 0.12rem;
	font-weight: 700;
	color: #999;
}
.frends-box .fri-box .fri-logo:nth-child(2) {
	color: #333;
}
.fri-box .fri-logo img {
	width: auto;
	height: 50%;
	margin-right: 5px;
}
.fri-container:hover .fri-box {
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.slide5_content>.love {
	max-width: 12rem;
    width: 1200px;
    min-width: 9rem;
    position:absolute;
    left: 1.2rem;
}

.slide5_content>.love>.header5 {
	color: white;
	font-size: 0.4rem;
	font-weight: 600;
	margin-top: 50px;
}

.slide5_content>.love>.header1 {
	color: white;
	font-size: 0.18rem;
	padding: 15px 0;	
}

.slide5_content>.love>.content {
	/*min-height: 300px;*/
    height: 3.53rem;
    width: 13.5rem;
   /*	min-width: 1145px;*/
    background: #5397b4;
   
}
.content_div{
overflow: hidden;
}
.slide5_content>.love>.content .div {
    width: 1.36rem;
    height: 0.41rem;
    float: left;
    background: white;
    margin-left:0.30rem;
    margin-top: 0.15rem;
    
}
.slide5_content>.love>.content .div>img{
	display: inline-block;
	width: 100%;
	height: 100%;
}

.slide5_content>.love>.content>.left20 {
	margin-left: 0.21rem;
}

.slide5_footer {
	position: absolute;	
	bottom: 0;
	left: 0;
	height: 1.8rem;
	background: #104258;
	width: 100%;

}

.slide5_footer>div {
	width: 12rem;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}

.slide5_footer>div>div:nth-child(1) {
	width: 3rem;
	height: 1.15rem;
	border-bottom: 1px white dashed;
	border-top: 1px white dashed;
	margin-top: 0.18rem;
	color: white;
	text-align: center;
}

.slide5_footer>div>div:nth-child(1)>div {
	display: flex;
	/*width: 0.96rem;*/
	justify-content: space-around;
	font-size:0.12rem;
	/*margin-left: 0.85rem;*/
	margin-top:0.05rem;
}

.slide5_footer>div>div>p{
	margin-top: 0.1rem;
	font-size: 0.13rem;
}

.slide5_footer>div>div:nth-child(2) {
	width:4.1rem;
	height: 1.15rem;
	border-bottom: 1px white dashed;
	border-top: 1px white dashed;
    margin-top: 0.18rem;
	color: white;
	text-align: center;
}

.slide5_footer>div>div:nth-child(2)>div {
	font-size: 12px;
	margin-top: 0.05rem;
	display: flex;
	align-items: center;
	margin-left: 0.05rem;
}

.slide5_footer>div>div:nth-child(2)>div>img {
	display: block;
	margin-top: 1px;
	padding: 0 10px 0 18px;
}

.slide5_footer>div>div:nth-child(3) {
	width: 3rem;
	height: 1.15rem;
	border-bottom: 1px white dashed;
	border-top: 1px white dashed;
	margin-top: 0.18rem;
	color: white;
	text-align: center;
}

.slide5_footer>div>div:nth-child(3)>div {
	/*width: 1.432rem;*/
	display: flex;
	justify-content: space-around;
	margin-top: 0.1rem;
	/*margin-left: 0.66rem;*/
}

.slide5_footer>.icp {
	color: white;
	font-size: 12px;
	display: block;
	text-align: center;
	margin-top:0.1rem;
	padding-bottom:0.1rem;
	display: flex;
	justify-content: space-between;
}

.slide5_footer>.icp>span {
	width:3rem;
	text-align: center;
	
	display: inline-block;
}

/*.slide5_footer>.icp>span:last-child {
	margin-left: 82px;
}*/
/*
.swiper-slide {
	overflow: hidden;
}*/
#slide5_inp{
	border: none;
	background: none;
	color: #fff;
	width: 2.87rem;

	-webkit-tap-highlight-color: rgba(255, 255, 255, 0); 
            -webkit-user-select: none;
            -moz-user-focus: none;
            -moz-user-select: none;
            -webkit-appearance:none;
            outline: none;
            border: none;
}
.footer_div_hover{
	color: #fff;
}
.footer_div_hover:hover{
	color: #17d79c;
	cursor: pointer;
}

.foot_item1 {
	cursor: pointer;
}

			.direction {
				position: relative;
				/*border: 1px solid #ddd;*/
				top: -1rem;
			}
			.direction p{
				width: 1px;height: 0.35rem;background: #000;
				position: absolute;
				z-index: 11;
			}
			.direction div:nth-of-type(1) p{
				bottom: -1rem;
				left: 0.7rem;
			}
			.direction div:nth-of-type(2) p{
				bottom: -1rem;
				left: 1.85rem;
			}
			.direction div:nth-of-type(3) p{
				bottom: -1rem;
				left: 2.85rem;
			}
			.direction div:nth-of-type(4) p{
				bottom: -1rem;
				left: 3.85rem;
			}
			.direction span ,.direction i{
				display: block;
				width:1px;
				height: 0.15rem;
				background: #000;
				position: absolute;
				bottom:-0.74rem ;
				
			}
			.direction div:nth-of-type(1)  span{
				transform: rotate(45deg);
				left: 0.66rem;
			}
			.direction div:nth-of-type(1)  i{
				transform: rotate(-45deg);
				left: 0.74rem;
			}
			.direction div:nth-of-type(2)  span{
				transform: rotate(45deg);
				left: 1.81rem;
			}
			.direction div:nth-of-type(2)  i{
				transform: rotate(-45deg);
				left: 1.88rem;
			}
			.direction div:nth-of-type(3)  span{
				transform: rotate(45deg);
				left: 2.81rem;
			}
			.direction div:nth-of-type(3)  i{
				transform: rotate(-45deg);
				left: 2.88rem;
			}
			.direction div:nth-of-type(4)  span{
				transform: rotate(45deg);
				left: 3.81rem;
			}
			.direction div:nth-of-type(4)  i{
				transform: rotate(-45deg);
				left: 3.88rem;
			}
			.direction div:nth-of-type(5) p{
				bottom: -1.18rem;
				height: 0.75rem;
				left: 2.53rem;
				transform: rotate(-60deg);
			}
			.direction div:nth-of-type(5)  span{
				transform: rotate(10deg);
				left: 2.2rem;
			}
			.direction div:nth-of-type(5)  i{
				transform: rotate(-95deg);
				left: 2.29rem;
				bottom: -0.68rem;
			}

			.direction div:nth-of-type(6) p{
				bottom: -1.18rem;
				height: 0.75rem;
				left: 3.53rem;
				transform: rotate(-60deg);
			}
			.direction div:nth-of-type(6)  span{
				transform: rotate(10deg);
				left: 3.2rem;
			}
			.direction div:nth-of-type(6)  i{
				transform: rotate(-95deg);
				left: 3.29rem;
				bottom: -0.68rem;
			}


/*quit-# sourceMappingURL=index.css.map */